#app {
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 5px;
    padding-right: 5px;
    .card {
        text-align: center;
        background-color: #ffffff3b;
        .list-group>.list-group-item {
            border: 0;
            background-color: transparent;
        }
    }
}

.wrapper {
    margin-left: 5px;
    margin-right: 5px;
    color: #57bee6;
    @media (min-width: 1400px) {
        .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
            max-width: 1980px;
        }
    }
    .vi {
        width: 500px;
    }
    .container-xl {
        margin-top: 1.5rem;
    }
    .el-table {
        font-size: 18px;
        background-color: transparent;
        thead {
            font-size: 12px;
            background-color: #2f415c;
        }
        tbody {
            background-color: #162634;
        }
        th,
        tr {
            background-color: transparent !important;
        }
    }
}

.el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #20252c !important;
}

h5 {
    span {
        float: right;
    }
}

.WaitPrtDt {
    .el-table {
        thead {
            // background-color: #55406c;
            background-color: #2f415c;
        }
    }
}

.PrtDt {
    .el-table {
        thead {
            background-color: #245341;
        }
    }
}

.WaitInStockDT {
    .el-table {
        thead {
            background-color: #234d73;
        }
    }
}